<!DOCTYPE html>
<html lang='en'>

<head>
  <meta charset="utf-8">

  <link href="/css/phylotree.css" rel="stylesheet">

  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/bootstrap-theme.min.css">

  <script src="/js/jquery.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <script src="/js/d3.v3.min.js"></script>
  <script src="/js/underscore-min.js"></script>
  <script src="/phylotree.min.js"></script>
  <style>
#code {
  width: 500px;
}
  </style>
</head>

<body>
  <svg id="tree_display" />
    <div id="code"><pre><code class="javascript">
      d3.text('adh.xml', function(error, data) {
        var tree = d3.layout.phylotree()
          .svg(d3.select("#tree_display"));

        tree(data)
          .layout();
      });
    </code></pre></div>
  <script>

    d3.text('adh.xml', function(error, data) {
      var tree = d3.layout.phylotree()
        .svg(d3.select("#tree_display"));

      tree(data)
        .layout();
    });

    // for syntax highlighting
    hljs.initHighlightingOnLoad();
  </script>

</body>

</html>
